﻿@charset "utf-8";

/* CSS Document */

html{overflow-y:scroll; overflow-x:hidden}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,div,dl,dt,dd,ul,ol,span,em,pre,fieldset,lengend,button,input,textarea,form,th,td{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{margin:auto;font-size:100%;text-align:left;border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;list-style-type:none;}
a img,img{vertical-align:middle;border:none;}
em{font-style:normal;}

/* a style */
a{color:#444444;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#e62129;text-decoration:none;}
a:active{color:#e62129;}
a:focus{outline:none;}
.tdu,.tdu a{text-decoration:underline;}
.tdn,.tdn a{text-decoration:none;}

/* form style */
input,textarea,select,button{padding:0;margin:0;font-size:100%;vertical-align:middle;outline:none;background:inherit;}

/* clearfix style */
.clear{clear:both;overflow:hidden;}
.clearfix:after{display:block;clear:both;height:0;content:"\20";visibility:hidden;overflow:hidden;}
.clearfix{display:block;*zoom:1;}
*html .clearfix {height:1%;}


/* float style */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.rel{position:relative;} 

/* display style */
.db{display:block;} 
.dn{display:none;} 
.ovh{overflow:hidden;}

/* padding style */
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.plr30{padding-left:30px;padding-right:30px;}
.plr40{padding-left:40px;padding-right:40px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb100{padding-bottom:100px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}

/* margin style */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml34{margin-left:34px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr25{margin-right:25px;}
.mr36{margin-right:36px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mlr30{margin-left:20px;margin-right:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mlra{margin: 0 auto;}

/* color style */
.white{color:#fff;} 
.red{color:#e62129;} 
.green{color:#390} 
.black{color:#000;} 
.gray{ color:#999;}
.darkgray{color:#666;} 
.orange{color:#ff9900;} 
.blue{color:#0063b0;}
.c666{color: #666}
.c333{color: #333}
.c999{color: #999}


/* text align style */
.tal{text-align:left;} 
.tar{text-align:right;} 
.tac{text-align:center;} 
.vat{vertical-align:top;} 
.vam{vertical-align:middle;} 
.vab{vertical-align:bottom;}
.ti2em{text-indent:2em !important;}
.tlf{table-layout:fixed !important;}
.nowrap{white-space:nowrap !important;word-break:normal !important;}

/* font-size - font-famiyl - font-weight line-height*/
.f13{font-size:13px;}
.f14{font-size:14px;} 
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.far{font-family:Arial;/*Arial*/}
.fst{font-family:'\5B8B\4F53';/*SimSun*/} 
.fht{font-family:'\9ED1\4F53';/*SimHei*/} 
.fyh{font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/} 
.fb{font-weight:bold;} 



body{
	line-height:1.5;
	font-size:12px;
	font-family:Arial,'\5fae\8f6f\96c5\9ed1';
	background: #f2f2f2;
}
.wrapper{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.header{
	height: 90px;
}
.header .logo{
	margin-top: 24px;
}
.header .logo img{
	height: 46px;
}
.header .qcode{
	width: 24px;
	height: 23px;
	margin: 45px 0 0 0;
	position: relative;
	background: url('../images/wechat.png') no-repeat;
}
.header .qcode img{
	position: absolute;
	padding: 15px 5px 5px 5px;
	background: url('../images/qcode_bg.png') no-repeat center 4px;
	top: 23px;
	left: -43px;
	width: 100px;
	height: 100px;
	display: none;
	z-index: 9;
}
.header .qcode:hover img{
	display: block;
}
.header .search{
	overflow: hidden;
	width: 24px;
	height: 27px;
	margin: 43px 4px 0 0;
	padding-right: 2px;
}
.header .search .submit{
	outline: none;
	border: none;
	width: 24px;
	height: 23px;
	margin: 2px 0 0 0;
	display: block;
	background: url('../images/search.png') no-repeat;
	float: right;
}
.header .search .text{
	float: left;
	width: 115px;
	background: none;
	outline: none;
	border: none;
	font-size: 12px;
	height: 21px;
	padding: 3px 0 3px 10px;
	line-height: 21px;
	color: #333;
	display: none;
}
.header .search:hover{
	width: 150px;
	background: url('../images/search_bg.png') no-repeat 0 0;
}
.header .search:hover .text{
	display: block;
}
.header .language{
	margin: 43px 10px 0 0;
	position: relative;
	width: 80px;
	height: 27px;
	cursor: default;
}
.header .language dt{
	line-height: 26px;
	background: url('../images/lan.png') no-repeat 10px 7px;
	width: 51px;
	padding-left: 29px;
	height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.header .language dl{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	z-index: 9;
	height: 27px;
	overflow: hidden;
}
.header .language dd{
	line-height: 23px;
}
.header .language dd a{
	display: block;
	color: #666;
	padding-left: 11px;
}
.header .language dd a:hover{
	color: #d6000f;
}
.header .language:hover dl{
	background: url('../images/lan_bg.png') no-repeat;
	height: 80px;
}
.header .language:hover dt{
	color: #d6000f;
	background-image: url('../images/lan_on.png');
}
.header .mail{
	margin: 43px 10px 0 0;
}
.header .oa{
	margin: 43px 23px 0 0;
}
.header .mail a{
	display: block;
	background: url('../images/mail.png') no-repeat 0 7px;
	line-height: 26px;
	height: 27px;
	padding-left: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.header .oa a{
	display: block;
	background: url('../images/bell.png') no-repeat 0 7px;
	line-height: 26px;
	height: 27px;
	padding-left: 19px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.header .mail a:hover,
.header .oa a:hover{
	color: #d6000f;
}

.naver{
	height: 48px;
	margin-top: 1px;
	background: url('../images/nav_bg.jpg') repeat-x top;
}
.naver li{
	float: left;
	background: url('../images/nav_li.png') no-repeat right center;
}
.naver li a{
	display: block;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 142px;
	text-align: center;
	position: relative;
}
.naver li.first a{
	width: 132px;
}
.naver li.last{
	background: none;
}
.naver li.last a{
	width: 152px;
}
.naver li a:hover,
.naver li a.index{
	background: url('../images/nav_light.png') no-repeat center bottom;
}
.naver li a.index:after{
	content: '';
	display: block;
	width: 11px;
	height: 6px;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	z-index: 1;
	background: url('../images/nav_arr.png') no-repeat 0 0;
}

.footer{
	text-align: center;
	padding: 20px 0 32px;
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
.footer .copy{
	font-weight: bold;
}
.footer-link a{
	color: #666;
}
.footer-link a:hover{
	color: #d6000f;
}